<template>
  <div class="home-view">
    <header-page />
    <section class="home-content">
      <nav-page />
      <div class="homt-main">
        <router-view />
      </div>
    </section>
  </div>
</template>

<script setup lang="ts">
import HeaderPage from '@/components/HeaderPage.vue';
import NavPage from '@/components/NavPage.vue';

</script>

<style lang="less" scoped>
/* 你还可以根据需要添加额外的样式 */
.home-view {
  height: 100%;
  
  .home-content {
    height: calc(100% - 56px);
    display: flex;

    .homt-main {
      width: 100%;
      height: 100%;
    }
  }
}
</style>
